/*元素选择器*/
h1{
    color: red;
}

/*id选择器*/
#container{
    color: blue;
}

/*类选择器*/
.center{
    color: green;
}

/*属性选择器*/
p[data-bind]{
    color: darkorange;
}

/*相邻兄弟选择器*/
span + .change{
    color: deeppink;
}

/*普通兄弟选择器*/
span +.change2{
    color: firebrick;
}

/*子选择器*/
span{
    background: #fff;
}
p > span{
    background: chocolate;
}

/*后代选择器*/
div span{
    background: red;
}

/*伪类选择器*/
/*链接*/
a{
    text-decoration: none;
}

/*未访问链接*/
a.link{
    color: blue;
}

/*已访问链接*/
a.visited{
    color: purple;
}

/*鼠标悬停*/
a:hover {
    /*font-weight: bold;*/
    background: yellow;
    text-decoration: underline;
}

/*激活链接*/
a.active{
    color: lime;
}